<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Five Star Hotel | Booking</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" />
<link href="{{ STATIC_URL }}layout.css" rel="stylesheet" type="text/css" />
<script src="{{ STATIC_URL }}maxheight.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<link href="ie_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ie_png.js"></script>
<script type="text/javascript">ie_png.fix('.png, #header .row-2, #header .nav li a, #content, .gallery li');</script>
<![endif]-->
</head>
<body id="page5" onload="new ElementMaxHeight();">
<div id="main">
  <!-- header -->
  <div id="header">
    <div class="row-1">
      <div class="wrapper">
        <div class="logo">
          <h1><a href="#">Five Star</a></h1>
          <em>Hotel</em> <strong>True Luxury</strong> </div>
        <div class="phones"> 1-800-412-45-56<br />
          1-800-542-64-48 </div>
      </div>
    </div>
    <div class="row-2">
      <div class="indent">
        <!-- header-box begin -->
        <div class="header-box">
          <div class="inner">
            <ul class="nav">

              <li><a href="/login/index/" class="current">Home page</a></li>
              <li><a href="/login/search_hotel/">Hotels</a></li>
                <!--
              <li><a href="services.html">Services</a></li>
              <li><a href="gallery.html">Gallery</a></li>
              <li><a href="restaurant.html">Restaurant</a></li>
              <li><a href="testimonials.html">Testimonials</a></li>
              <li><a href="booking.html" class="current">Booking</a></li>
              -->
            </ul>
          </div>
        </div>
        <!-- header-box end -->
      </div>
    </div>
  </div>
  <!-- content -->
  <div id="content">
    <div class="wrapper">
      <div class="aside maxheight">
        <!-- box begin ##################################################### by me -->
        <div class="box maxheight">
          <div class="inner">

            <h3>CheckAvailability:</h3>

              <form action="/login/check_ava/" method="post" id="reservation-form">

                  {% csrf_token %}

                  <fieldset style="height:55px width:30px">

                  <ul>
                      <li><label for={{ obj_form.hotel_name }}> Hotel Name:</label></li>

                      <input type="text" value="" name="hotel_name" id="hotel_name">
                        <!-- -->
                      <li><label for={{ obj_form.country}}> Hotel Country:</label></li>

                      <input type="text" value="" name="country" id="country">
                      <!-- -->

                      <li><label for={{ obj_form.busy_start }}> Check-in date:</label></li>

                      <input type="date" min="2014-01-01" max="2020-01-01" value="2014-06-01" name="busy_start" id="busy_start">
                      <!-- -->

                      <li><label for={{ obj_form.busy_end}}> Check-out date:</label></li>

                      <input type="date" min="2014-01-01" max="2020-01-01" value="2014-06-01" name="busy_end" id="busy_end">
                      <!-- -->

                      <li><label for={{ obj_form.room_type }}> Guests:</label></li>
                      <select class="select2" id="room_type" name="room_type">
                          <option value="single">Single Room</option>
                          <option value="double">Double Room</option>
                      </select>

                        <!-- type="hidden"
                          <input type="text" name="room_type" value="" id="room_type">


                      <input  type="text" name="id" value="{{hotel_id}}" id="id">
                         -->
                  </ul>

                      <p>

                          <input type="submit" value="Check Availability" />

                      </p>
              </fieldset>
            </form>
          </div>
        </div>
          <!-- box begin ##################################################### by me -->
          <!--
        <div class="field">
          <label>Check In:</label>
          <select class="select1">
            <option>30</option>
          </select>
          <select class="select2">
            <option>April 2009</option>
          </select>
        </div>
        <div class="field">
          <label>Check Out:</label>
          <select class="select1">
            <option>01</option>
          </select>
          <select class="select2">
            <option>May 2009</option>
          </select>
        </div>
        <div class="field"> Persons: &nbsp;
          <input type="text" value="1"/>
          &nbsp; &nbsp; &nbsp; &nbsp; Rooms:&nbsp;
          <input type="text" value="1"/>
        </div>

                        <div class="button"><span><span><a href="#">Check Availability</a></span></span></div>

          -->


        <!-- box end -->
      </div>
      <div class="content">
        <div class="indent">
          <h2>Our Website</h2>
          <img class="img-indent png" alt="" src="{{ STATIC_URL }}images/5page-img1.png" />
          <img class="img-indent png" alt="" src="{{ STATIC_URL }}images/5page-img11.png" />

            <div class="extra-wrap">
            <p class="alt-top">Our Website has many hotels, villas and more.....
            </p>
            <p>Our services are FREE, so you'll get the best price when you book.</p>

            <dl class="contacts-list">
                <!--
              <dt>Gazek st., 210</dt>
              <dd>1-800-412-4556</dd>
              <dd>1-800-542-6448</dd>
              -->
            </dl>
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- footer -->
  <div id="footer">
    <ul class="nav">
        <!--
      <li><a href="#">Home</a>|</li>
      <li><a href="#">Services</a>|</li>
      <li><a href="#">Gallery</a>|</li>
      <li><a href="#">Restaurant</a>|</li>
      <li><a href="#">Testimonials</a>|</li>
      <li><a href="#">Booking</a></li>
      -->
    </ul>
    <div class="wrapper">
      <div class="fleft"> &copy;  <a href="#">Name Here</a>.</div>
      <div class="fright"> - <a href=""></a> provider</div>
    </div>
  </div>
</div>
<div align=center><a href=''></a></div></body>
</html>
